footer {
  background: #F9F9F8; }
  footer div {
    border-right: .01rem solid #636363;
    color: #636363;
    font-size: .28rem !important; }
    footer div:last-of-type {
      border-right: 0; }

nav {
  font-size: .3rem;
  height: .6rem;
  line-height: .6rem;
  padding: 0.2rem .3rem;
  color: #999; }
  nav > span:nth-child(2) {
    color: #2B2B2B; }
  nav > span:last-child {
    float: right; }

section {
  overflow: auto; }

article {
  display: flex;
  margin-bottom: .5rem; }
  article > img {
    margin: .28rem 0 0 .28rem;
    width: .76rem;
    height: .76rem; }
  article > div {
    padding: .28rem; }
    article > div * {
      padding: .1rem; }
    article > div > h4 {
      font-size: .3rem;
      font-weight: 400;
      color: #F66039; }
    article > div > p {
      font-size: .3rem; }
    article > div > img {
      max-width: 4rem; }
    article > div > aside {
      background: #f7f7f7; }
      article > div > aside > li {
        font-size: .28rem;
        color: #507DAF; }
        article > div > aside > li > span {
          color: #636363; }
